<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>css第一课</title>
		<link rel="stylesheet" href="css/style.css" />
		<style>
			h2 {
				color: blue;
				font-size: 36px;
			}
		</style>
	</head>
	<body>
		<!--什么是css
			1、css的定义：(Cascading Style Sheets)   层叠样式表
			             是用来定义HTML元素的样式          比如定义元素的位置，颜色，大小等样式属性
			        对网页进行结构布局，美化页面     
			2、css的基本语法，    选择器  {属性名：属性值；属性名：属性值；属性名：属性值；。。}  
			3、css三种引用方式：
			   1）行内样式：内联样式：只能作用于本元素 ,
			                 添加方式： 在元素开始标签中style属性中设置     ，不推荐大家使用
			      JavaScript 控制 DOM结构会在元素中添加行内样式
			  
			   2）内部样式：只能作用于本网页文件，适合一些独有的、代码量较少的样式设置 
			                添加 方式：head标签中添加一个style标签，在style标签中设置样式
			   3)外部样式：把样式写在扩展名为.css的样式表文件中，利用link标签引入到HTML文档中
			               一个HTML文档可以引入多个css样式表，一个css样式表也可以被多个HTML文档引用
			               可以提高我们代码的可复用性和可维护性
			   	   最常用的引入方式
		-->
		<h1 style="color:red;">我是行内样式设置的效果</h1>
		<h2>我是内部样式设置的效果</h2>
		<h3>我是外部样式设置的效果</h3>
		
	</body>
</html>
